<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
// rem适配
// DOMContentLoaded ： DOM加载完毕触发
document.addEventListener('DOMContentLoaded', () => {
  const html = document.querySelector('html')
  let fontSize = window.innerWidth / 10
  fontSize = fontSize > 50 ? 50 : fontSize
  html.style.fontSize = fontSize + 'px'
  console.log(html.style.fontSize)
})
export default {}
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #7d8188;
}
</style>
